*{
  margin: 0px;
  padding: 0px;
}

body, html{
  width: 100%;
  height: 100%;
}

/* ------------------------------------- */

.w100-h100{
  width: 100%;
  height: 100%;
}

.bg-blue-color{
  background-color: rgb(80, 97, 112);
}

/* 琴键 */
.tone-dark-color{
  background-color: rgba(43, 57, 71, 0.726);
}

.border-radius16{
  border-radius: 16%;
}

.circle{
  border-radius: 50%;
}

.relative{
  position: relative;
}

.absolute{
  position: absolute;
}

.border-white-color{
  border: 2px solid rgba(255, 255, 255, 0.808);
}

.font-white-color{
  color: white;
}

.font-blue-color{
  color: rgb(35, 51, 70);
}

.font-gray-blue-color{
  color: rgb(48, 52, 56);
}

.font-white-color-trans{
  color: rgba(255, 255, 255, 0.521);
}

.font-size13{
  font-size: 13px;
}

.font-size14{
  font-size: 13px;
}

.font-center{
  text-align: center;
}

.flex-only{
  display: flex;
}

.flex-center{
  display: flex;
  align-items: center;
  justify-content: center;
}

.flex-align-center{
  display: flex;
  align-items: center;
}

.flex-align-center-only{
  align-items: center;
}

.flex-justify-center{
  display: flex;
  justify-content: center;
}

.flex-between{
  display: flex;
  justify-content: space-between;
}

.p10{
  padding: 10px;
}

.p20{
  padding: 20px;
}

.ptb10{
  padding-top: 10px;
  padding-bottom: 10px;
}

.ptb20{
  padding-top: 20px;
  padding-bottom: 20px;
}

.plr10{
  padding-left: 10px;
  padding-right: 10px;
}

.plr20{
  padding-left: 20px;
  padding-right: 20px;
}

.mt30{
  margin-top: 30px;
}

.cell-8 > div{
  margin-top: 8px;
}
.cell-8 > div:first-child{
  margin-top: 0px;
}
.cell-8 > div:last-child{
  margin-bottom: 8px;
}

.tr2{
  top: 2px;
  right: 2px;
}

.tl2{
  top: 2px;
  left: 2px;
}

.br2{
  bottom: 2px;
  right: 2px;
}

.bl2{
  bottom: 2px;
  left: 2px;
}

.fixed{
  position: fixed;
}

.fixed-center{
  position:fixed;
  margin:auto;
  left:0;
  right:0;
  top:0;
  bottom:0;
}

/* 遮罩层底 */
.background-popup{
  background-color: rgba(26, 32, 36, 0.86);
}

/* 图标 */
.icon-delete:after{
  display: inline-block;
  font-weight: 600;
  font-size: 25px;
  content: "+";
  transform:rotate(45deg);
  -ms-transform:rotate(45deg); /* Internet Explorer */
  -moz-transform:rotate(45deg); /* Firefox */
  -webkit-transform:rotate(45deg); /* Safari 和 Chrome */
  -o-transform:rotate(45deg); /* Opera */
}